<template>
  <yk-space align="center">
    <yk-badge is-dot>
      <yk-avatar size="l" shape="square"></yk-avatar>
    </yk-badge>
    <yk-badge is-dot in-dot>
      <yk-avatar size="l" shape="square"></yk-avatar>
    </yk-badge>
    <yk-badge is-dot>
      <yk-text>1234</yk-text>
    </yk-badge>
    <yk-badge is-dot>
      <yk-text>文字角标</yk-text>
    </yk-badge>
    <yk-badge is-dot>
      <IconHeartOutline style="color: #999" />
    </yk-badge>
    <yk-badge is-dot>
      <IconBellOutline style="color: #999" />
    </yk-badge>
  </yk-space>
</template>
